<template>
	<div id="app">
        <transition enter-active-class="animated fadeInUp" leave-active-class="animated fadeOutUp"> 
            <router-view class="childview"></router-view>
		</transition>
	</div>
</template>

<script>
export default {};
</script>

<style>
*:not(.swiper-wrapper) {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
#app {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
.exact-active {
    color: #ff5577;
}

.childview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
</style>
